<template>
    <div style="margin-bottom: 20px;">
        <div class="v-card">
            <div class="line"></div>
            <div class="title">{{ title }}</div>
        </div>
        <slot></slot>
    </div>

</template>
<script lang="ts" setup>
defineProps({
    title: {
        type: String,
        default: ''
    }
})
defineOptions({
    name: 'VCard'
})
</script>
<style lang="less" scoped>
.v-card {
    display: flex;
    margin-bottom: 10px;
}

.line {
    width: 4px;
    height: 20px;
    background-color: #0bd4c8;
    border-radius: 4px;
    margin-right: 10px;
}
</style>